.ck_demo_page {
    margin: 30px auto;
    width: 1400px;
    display: flex;
    flex-direction: row;

    .main_container {
        width: 1000px;
        display: flex;
        flex-direction: column;

        &>div:not(:first-child) {
            margin-top: 10px;
        }

        .ck_editor_container {
            width: 1000px;
            height: 400px;
            background-color: lightslategrey;
        }

        .img_line_container {
            display: flex;
            width: 100%;
            height: 400px;
            flex-direction: row;
            background-color: lightsteelblue;
            justify-content: space-between;


            &>div {
                margin-left: 10px;
                width: 100%;
                justify-content: space-between;
            }

            &>div:first-child {
                margin-left: 0px;
            }


            &[type="2"] {
                // height: 400px;
            }

            &[type="3"] {
                height: 250px;
            }

        }

    }

    .side_container {
        display: flex;
        width: 380px;
        margin-left: 20px;
        background-color: lightgrey;
    }

}